<%@ page isELIgnored="false" contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>55社区</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="/theme/default/images/favicon.png">
    <link href="${ctx}/static/phone/css/amazeui.min.css" rel="stylesheet" type="text/css" />
    <link href="${ctx}/static/phone/css/style.css" rel="stylesheet" type="text/css" />
    <script src="${ctx}/static/phone/js/jquery-1.10.2.min.js"></script>
</head>
<body>
<header data-am-widget="header" class="am-header am-header-default sq-head ">
    <div class="am-header-left am-header-nav">
        <a href="javascript:history.back()" class="">
            <i class="am-icon-chevron-left"></i>
        </a>
    </div>
    <h1 class="am-header-title">
        <a href="" class="">特价商品</a>
    </h1>
</header>
<div style="height: 49px;"></div>
<div class="whitebar">
    <div data-am-widget="tabs" class="am-tabs am-tabs-d2">
        <ul class="am-tabs-nav am-cf" style="position: fixed; top: 49px;">
            <li class="am-active"><a href="[data-tab-panel-0]">正在热卖</a></li>
            <li class=""><a href="[data-tab-panel-1]">即将上线</a></li>
        </ul>
        <div style="height: 49px;"></div>
        <div class="am-tabs-bd">
            <div data-tab-panel-0 class="am-tab-panel am-active">
                <ul data-am-widget="gallery" class="am-gallery special am-avg-sm-2 am-avg-md-3 am-avg-lg-4 am-gallery-default" >
                    <c:forEach var="goods" items="${goodsList}">
                        <li>
                            <div class="am-gallery-item">
                                <a href="detail.html" class="">
                                    <img src="${ctx}/static/phone/${goods.goods_img}"/>
                                    <h3 class="am-gallery-title">${goods.goods_name}</h3>
                                    <div class="am-gallery-desc">￥${goods.goods_price}<del>￥${goods.goods_price+100}</del></div>
                                </a>
                            </div>
                        </li>
                    </c:forEach>

                </ul>
            </div>
            <div data-tab-panel-1 class="am-tab-panel ">
                <ul data-am-widget="gallery" class="am-gallery special am-avg-sm-2 am-avg-md-3 am-avg-lg-4 am-gallery-default" >
                    <c:forEach var="goods" items="${goodsList}">
                        <li>
                            <div class="am-gallery-item">
                                <a href="/category/goods_detail.do?id=${goods.goods_id}" class="">
                                    <img src="${ctx}/static/phone/${goods.goods_img}"/>
                                    <h3 class="am-gallery-title">${goods.goods_name}</h3>
                                    <div class="am-gallery-desc">${goods.goods_price}<del>￥${goods.goods_price+100}</del></div>
                                </a>
                            </div>
                        </li>
                    </c:forEach>


                </ul>
            </div>
        </div>
    </div>

</div>
<!--底部-->
<jsp:include page="commonBottom.jsp"></jsp:include><script src="${ctx}/static/phone/js/jquery.min.js"></script>
<script src="${ctx}/static/phone/js/amazeui.min.js"></script>

</body>
</html>
